const { defineConfig } = require('@vue/cli-service')

const path = require('path')  //导入path
// 定义一个变量，用来存储要学习的文件夹
let appModule = 'src'
appModule = '01-scoped样式独立'
appModule = '02-工程化状态下的data是一个函数'
appModule = '02-data是一个函数'
appModule = '03-组件通信'
appModule = '04-什么是props'
appModule = '05-props校验'
appModule = '06-props和data的区别'
appModule = '08-单向数据流'
appModule = '07-小黑记事本'
appModule = '08-事件总线-扩展'
appModule = '09-provide和inject-扩展'
appModule = '10-v-model的原理'
appModule = '11-封装表单类组件'
appModule = '12-v-model简化代码'
appModule = '13-sync修饰符'
appModule = '14-ref和$refs获取dom对象'
appModule = '15-ref和$refs获取组件实例'
appModule = '16-$nextTick'

module.exports = defineConfig({
  transpileDependencies: true,
  // 修改源代码目录
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, `./${appModule}`) // 设置路径别名
      }
    }
  },
  chainWebpack: config => {
    // 修改入口文件
    config.entry('app')
      .clear()  //  清除历史编译文件
      .add(`./${appModule}/main.js`) // 假设入口文件为 main.js
      .end()
  }
})
